];
var listLen = ImgList.length, timer = 15000;
// Generate a number
function shuffle(array) {
var i = ImgList.length, j = 0, temp;
while (i--) {
j = Math.floor(Math.random() * (i+1)); temp = ImgList[i];
ImgList[i] = ImgList[j]; ImgList[j] = temp;
}
return ImgList;
}
ImgList = shuffle(Array.from(Array(ImgList.length).keys()));
function changeImg() {
if (listLen > 0) {
listLen = listLen - 1;
} else {
listLen = ImgList.length;
};
showImg();
};
function backward() {
if (listLen < ImgList.length) {
listLen = listLen + 1;
showImg();
};
}
function foreward() {
if (listLen > 0) {
listLen = listLen - 1;
showImg();
};
}
function pause() {
clearInterval(myVar);
}
function continU() {
myVar = setInterval(changeImg, timer);
foreward();
}
function showImg() {
thePointerImg.innerHTML = ImgList[listLen];
}
function nextImg() {
imgNo = imgNo +1;
if(imgNo > 16){ imgNo = 16;}
theImgAddr = imgHeader + ImgList[listLen] + FormatNumberLength(imgNo) + imgTailer;
thePointerImg.innerHTML = theImgAddr;
console.log(theImgAddr);
}
function showthumbs() {
imgNos = 0
theImgAddr = ""
for (var imgNos = 1; imgNos <= 18; imgNos++) {
temptheImgAddr = imgHeader + ImgList[listLen] + FormatNumberLength(imgNos) + imgsTailer;
theImgAddr = theImgAddr + temptheImgAddr
}
thePointerImg.innerHTML = theImgAddr;
console.log(theImgAddr);
}
function prevImg() {
imgNo = imgNo -1;
if(imgNo < 1){ imgNo = 1;}
theImgAddr = imgHeader + ImgList[listLen] + FormatNumberLength(imgNo) + imgTailer;
thePointerImg.innerHTML = theImgAddr;
}
function FormatNumberLength(num) {
var r = "" + num;
while (r.length < 2) {
r = "0" + r;
}
return r;
}
function showMov() {
var imgAdr = ImgList[listLen];
var start = imgAdr.indexOf("=")+1;
var end = imgAdr.indexOf('"', start+1);
var list = imgAdr.substring(start+1, end);
window.open(list);
}
function init_AllList() {
if (localStorage.getItem("savedPicList") === null) {
mypicList = [];
localStorage.savedPicList = JSON.stringify(mypicList);
} else{
mypicList = JSON.parse(localStorage.savedPicList);
}
if (localStorage.getItem("toRmvList") === null) {
toBeRmvList = [];
localStorage.toRmvList = JSON.stringify(toBeRmvList);
} else{
toBeRmvList = JSON.parse(localStorage.toRmvList);
}
}
function addTo_mypicList() {
mypicList = JSON.parse(localStorage.savedPicList);
// check if the image already incluede
if (!mypicList.includes(ImgList[listLen])) {
mypicList.push(ImgList[listLen]);
mypicList = Array.from(new Set(mypicList)) //Create an Array from a String
localStorage.savedPicList = JSON.stringify(mypicList);
//alert("this image has been added to mypicList")
//console.log(mypicList);
}
}
function addTo_RmvList() {
toBeRmvList = JSON.parse(localStorage.toRmvList);
// check if the image already incluede
if (!toBeRmvList.includes(ImgList[listLen])) {
toBeRmvList.push(ImgList[listLen]);
toBeRmvList = Array.from(new Set(toBeRmvList)) //Create an Array from a String
localStorage.toRmvList = JSON.stringify(toBeRmvList);
//alert("this image has been added to toBeRmvList")
//console.log(toBeRmvList);
}
}
function show_RmvList() {
toBeRmvList = JSON.parse(localStorage.toRmvList);
console.log(toBeRmvList);
thePointerImg.innerHTML = escapeHtml(JSON.stringify(toBeRmvList));
alert("listed in console!");
}
function escapeHtml(text) {
var map = {
'&': '&
'<': '<
'>': '>
'"': '"
"'": '''
};
return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}
function clr_RmvList() {
toBeRmvList = [];
localStorage.toRmvList = JSON.stringify(toBeRmvList);
alert("toBeRmvList has been cleared")
}
init_AllList();
changeImg();
document.body.style.cursor = "none"